<style>
	caption{
		border: 0.01rem solid #DCDCDC;
	}
	caption div{
		float: left;
		width: 30%;
	}
	caption div input{
		width: 20%;
	}
	caption div p{
		float: left;
	}
	.playID{
		width: 20%;
	}
	.playID input{
		width: 60%;
	}
	.playID p{
		width: 40%;
	}
	.xiexian{
		position:relative;
		width:0;
	    height:0;
	    border-width:0.3rem;
	    border-style:solid;
	    border-color:transparent transparent #DCDCDC #DCDCDC;
	}
	.xiexian b{
		position: absolute;
		top: 0.04rem;
    	left: -0.24rem;
		width: 0.5rem;
	}
	.xiexian b.player{
		position: absolute;
		top: -0.24rem;
		left: 0.04rem;
	}
	table .btn{
		width: auto;
	}
	.pagination{
		text-align: center;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2" ng-include="'template/common/header.html'">
			
		</div>
		<div class="span10">
			<div class="breadcrumb" ng-include="'template/common/top.html'">
				
			</div>
			<div class="content">
				<div class="record">
					<div class="breadcrumb">
						<p>战绩查询</p>
					</div>
					<div>
						<table class="table">
							<caption>
									<div>
										<p>选择时间：</p>
										<input type="text" placeholder="2017"/>
										<input type="text" placeholder="1月"/>
										<input type="text" placeholder="1日"/>
									</div>
									<div class="playID">
										<p>玩家ID:</p>
										<input type="text" />
									</div>
									<div class="timeChoice">
										<button >查询</button>
									</div>
							</caption>
							<thead>
								<tr>
									<th colspan="4">查询结果</th>
								</tr>
								<tr>
									<th>牌局结束时间</th>
									<th>房间号</th>
									<th>
										结算类型
									</th>
									<th>
										<a  ng-mouseover="prov()" class="popov" rel="popover" data-content="此处显示该局游戏中参与的玩家昵称和ID以及对应的结账图分数，每个玩家用；分隔。" data-original-title="说明"对局战绩</a>
									</th>
									<th>操作</th>
								</tr>
							
							</thead>
							<tbody>
								<tr>
									<td>2017-01-01 15:55</td>
									<td>19353</td>
									<td>金币</td>
									<td>
										
										<p>
											<span>大飞哥11111:10</span>;<span>大明哥22222:-10</span>
										</p>
										<p>
											<span>大飞哥11111:10</span>;<span>大明哥22222:-10</span>
										</p>
											
									</td>
									<td>
										<a class="addBtn" ng-click="show()">查看每局详情</a>
										<div class="modal addBtntwo" style="display: none;">
											<div class="modal-header">
												<button class="close" ng-click="cancel()">&times;</button>
												<h3>每局详情</h3>
											</div>
											<div class="modal-body">
												<table>
													<thead>
														<tr>
															<th>
																<div class="xiexian">
																	<b class="gameCount">局数</b>
																	<b class="player">玩家</b>
																</div>
																
															</th>
															<th>
																大飞哥
															</th>
															<th>
																小飞哥
															</th>
															<th>
																大明哥
															</th>
															<th>
																小明哥
															</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td>第一局</td>
															<td>10</td>
															<td>-10</td>
															<td>10</td>
															<td>-10</td>
														</tr>
														<tr>
															<td>第二局</td>
															<td>11</td>
															<td>-88</td>
															<td>88</td>
															<td>-11</td>
														</tr>
													</tbody>
												</table>
											</div>
											<div class="modal-footer">
												<button class="btn btn-info">复制</button>
											</div>
										</div>
										<a href="" class="btn btn-info">复制</a>
									</td>
									
								</tr>
								<tr>
									<td>2017-01-01 15:55</td>
									<td>19353</td>
									<td>分数</td>
									<td>
										
										<p>
											<span>大飞哥11111:10</span>;<span>大明哥22222:-10</span>
										</p>
										<p>
											<span>大飞哥11111:10</span>;<span>大明哥22222:-10</span>
										</p>
											
									</td>
									<td>
										<a class="addBtn" ng-click="show()">查看每局详情</a>
										<div class="modal addBtntwo" style="display: none;">
											<div class="modal-header">
												<button class="close" ng-click="cancel()">&times;</button>
												<h3>每局详情</h3>
											</div>
											<div class="modal-body">
												<table>
													<thead>
														<tr>
															<th>
																<div class="xiexian">
																	<b class="gameCount">局数</b>
																	<b class="player">玩家</b>
																</div>
																
															</th>
															<th>
																大飞哥
															</th>
															<th>
																小飞哥
															</th>
															<th>
																大明哥
															</th>
															<th>
																小明哥
															</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td>第san局</td>
															<td>10</td>
															<td>-10</td>
															<td>10</td>
															<td>-10</td>
														</tr>
														<tr>
															<td>第二局</td>
															<td>11</td>
															<td>-88</td>
															<td>88</td>
															<td>-11</td>
														</tr>
													</tbody>
												</table>
											</div>
											<div class="modal-footer">
												<button class="btn btn-info">复制</button>
											</div>
										</div>
										<a href="" class="btn btn-info">复制</a>
									</td>
									
								</tr>
							</tbody>
						
						</table>
						<div class="pagination">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">5</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>